﻿<%@ Page Title="Stubby Help" Language="C#" MasterPageFile="~/Web Pages/Site.Master" AutoEventWireup="true" 
    CodeBehind="AllHelp.aspx.cs" Inherits="CS490_Capstone___Stubby.Web_Pages.AllHelp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <asp:Panel ID="content" CssClass="content" runat="server">
        <asp:Panel ID="topSpacer" runat="server"></asp:Panel>
        <asp:Panel ID="input" CssClass="input" runat="server" Visible="True">
            <asp:Panel ID="scrolling" CssClass="staticHelp" runat="server">
                <h2>Stubby Help:</h2>
                <dl>
                    <dt>Click the topic you need:</dt>
                    <dd><a href="#find">Finding help on a Stubby page</a></dd>
                    <dd><a href="#search">Searching for an event</a></dd>
                    <dd><a href="#signup">Signing up for a Stubby account</a></dd>
                    <dd><a href="#login">Logging in to Stubby</a></dd>
                    <dd><a href="#checkout">Checking out (completing a purchase)</a></dd>
                    <dd><a href="#requirements">Requirements for Stubby</a></dd>
                </dl>
                <br />
                <hr />
                <br />

                <a id="find"></a>
                <h4>Finding help on a Stubby Page</h4>
                <p>There are two ways you can find help on a Stubby page.</p>
                <p><strong>First,</strong> there is the &quot;Help&quot; link in the header menu at the 
                    top of the page. That link brings you here, so if you are here, you probably already 
                    found that.</p>
                <p><strong>Second,</strong> you can access pop-up help by using the <span class="help">
                    <a onclick="getHelp(getMessage(7));">HELP</a> </span> links you find at various places 
                    on Stubby pages. Usually, <span class="help">
                    <a onclick="getHelp(getMessage(7));">HELP</a></span> links are located next to the 
                    fields that they explain, or next to &quot;Submit/Proceed&quot; buttons. (Note: 
                    <span class="help"><a onclick="getHelp(getMessage(7));">HELP</a></span> links will 
                    not work if JavaScript is disabled. In that case, you can find what you need by using 
                    the &quot;Help&quot; link in the header menu.)</p>
                <div class="full"><a href="#top">BACK TO THE TOP</a></div>
                    

                <a id="search"></a>
                <h4>Searching for an event</h4>
                <p>"Type the name of an event or artist into the search box and click the search button. 
                    If you do no enter anything or enter invalid characters, the search box will instruct 
                    you to &quot;Try Again.&quot; Otherwise, you will be taken to your search results.</p>
                <p>Once you see the search results, you can select an event by clicking on its date.</p>
                <div class="full"><a href="#top">BACK TO THE TOP</a></div>

                <a id="signup"></a>
                <h4>Signing up for Stubby</h4>
                <p>Required fields are highlighted in yellow. Once you click the &quot;Submit&quot; button, 
                    if any of the required fields are incomplete or if any fields contain invalid 
                    characters, they will be highlighted in yellow for you to change or complete.</p>
                <div class="full"><a href="#top">BACK TO THE TOP</a></div>

                <a id="login"></a>
                <h4>Logging in to Stubby</h4>
                <p>Type valid credentials (user name and password) into the text boxes and click the 
                    &quot;Submit&quot; button. If you intend to log in as an administrator, you 
                    <strong>must</strong> check the &quot;Log in as administrator&quot; box <strong>before
                    </strong> clicking the &quot;Submit&quot; button.</p>
                <p>If either of the fields are incomplete or filled with invalid characters you will not 
                    be able to proceed, although you can change your entries and submit again.</p>
                <p>If you enter invalid credentials (wrong user name or password), you will be notified and 
                    instructed to try again. If you are inactive for a long period of time, you will be 
                    instructed to re-enter your credentials before proceeding.</p>
                <div class="full"><a href="#top">BACK TO THE TOP</a></div>

                <a id="checkout"></a>
                <h4>Checking out (completing a purchase)</h4>
                <p>In each of the checkout screens, required fields are highlighted in yellow. Once you 
                    click the button to proceed to the next screen, if any of the required fields are 
                    incomplete or if any fields contain invalid characters, those fields will be 
                    highlighted in yellow for you to change or complete.</p>
                <p>You will be required to choose a payment method <strong>and</strong> a shipping method 
                    before you can proceed.</p>
                <p>Do not forget to check the &quot;Authorize&quot; box when entering payment 
                    information.</p>
                <div class="full"><a href="#top">BACK TO THE TOP</a></div>

                <a id="requirements"></a>
                <h4>Requirements for Stubby</h4>
                <p>Stubby works in all major browsers. (The appearance of Stubby may be slightly different 
                    on older browsers, although functionality should be the same.) For the best Stubby 
                    experience, it is <strong>highly recommended</strong> that you have JavaScript enabled 
                    in your browser. Stubby will function with JavaScript disabled, however.</p>
                <p>Stubby will be viewable at wide range of screen resolutions, with or without images 
                    enabled.</p>
                <div class="full"><a href="#top">BACK TO THE TOP</a></div>
            </asp:Panel>
        </asp:Panel>
    </asp:Panel>

</asp:Content>

